<template>
  <el-container>
    <el-main>
      <div class="mbx p-4">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
          <el-breadcrumb-item>活动列表</el-breadcrumb-item>
          <el-breadcrumb-item>活动详情</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
     
      <div class="mbx mt-4 p-4">
        <el-row :gutter="12">
          <el-col :span="8">
            <el-tooltip
              class="item"
              effect="dark"
              content="Bottom Center 提示文字"
              placement="bottom"
            >
              <el-card shadow="hover"> 鼠标悬浮时显示 </el-card>
            </el-tooltip>
          </el-col>
          <el-col :span="8">
            <el-tooltip
              class="item"
              effect="dark"
              content="Bottom Center 提示文字"
              placement="bottom"
            >
              <el-card shadow="hover"> 鼠标悬浮时显示 </el-card>
            </el-tooltip>
          </el-col>
          <el-col :span="8">
            <el-tooltip
              class="item"
              effect="dark"
              content="Bottom Center 提示文字"
              placement="bottom"
            >
              <el-card shadow="hover"> 鼠标悬浮时显示 </el-card>
            </el-tooltip>
          </el-col>
        </el-row>
      </div>
    </el-main>
  </el-container>
</template>

<script>
export default {
  name: "MyTools",
  data() {
    return {
      
    };
  },
  methods: {
  
  },
};
</script>
<style>
 
 

.bq a {
  text-decoration: none;
  padding: 2px;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}
</style>